<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
   
       
    
    <script>
      let sales = [
  { name: '小明', age: 18, gender: '男', money: 30, status: 0 },
  { name: '小红', age: 26, gender: '女', money: 99, status: 3 },
  { name: '小刚', age: 19, gender: '男', money: 88, status: 2 },
  { name: '小丽', age: 20, gender: '女', money: 67, status: 1 },
  { name: '晓强', age: 23, gender: '女', money: 77, status: 1 },
  { name: '小张', age: 25, gender: '女', money: 80, status: 2 },
]
      function getsales(sales) {
        for(let i = 0 ; i <sales.length - 1 ; i++){
          for(let j = 0 ; j < sales.length-i-1 ; j++){
           if(sales[j].money < sales[j+1].money){
            let temp ={}
            temp = sales[j]
            sales[j] = sales[j+1]
            sales[j+1] = temp
            console.log(sales);
           }
          }
        }
        console.log();
        let html = `
        <form>
      <table>
        <tr>
          <th>名次</th>
          <th>姓名</th>
          <th>年级</th>
          <th>性别</th>
          <th>销售额</th>
          <th>业绩状态</th>
        </tr>
        `
        for (let i = 0; i < sales.length; i++) {
          if(!sales[i].status){
            sales[i].status = '未及格'
          }else if(sales[i].status === 1){
            sales[i].status = '及格'
          }else if(sales[i].status === 2){
            sales[i].status = '良好'
          }else if(sales[i].status === 3){
            sales[i].status = '优秀'
          }
        html += `
        <tr>
          <td>${i+1}</td>
          <td>${sales[i].name}</td>
          <td>${sales[i].age}</td>
          <td>${sales[i].gender}</td>
          <td>${sales[i].money + 'w'}</td>
          <td>${sales[i].status}</td>
        </tr>
        `
      }
      html += `
    </table>
    </form>
  
      `
      document.write(html);
    }
 
      
      getsales(sales)
    </script>
  </body>
</html>
